{extend name="public/base"/}
{block name="body"}
<style>
.mui-table-view-cell p {
    margin-bottom: 0;
    font-size: 12px;
}
.mui-table-view .mui-media-object {
    line-height: 42px;
    width: 60px !important;
        max-width: 60px;
    height: 60px;
}
.mui-card-header {
    font-size: 12px;
    border-radius: 2px 2px 0 0;
        padding: 5px 10px;
}
</style>
<header class="mui-bar mui-bar-nav">
  <!-- <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> -->
   <!--<h1 class="mui-title">最新订单</h1> -->
 <script src="__PUBLIC__/xsd/js/clipboard.min.js"></script><div class="mui-title">     <textarea id="foo"  style="     height: 10px;  margin-left: -1000px;margin-bottom: 0;"  >      商品：111        收货人：222        收货电话：333        配送地址:444        发货人：555    </textarea>    <button class="btn " data-clipboard-target="#foo" aria-label="复制成功！" style="margin: 0 auto;display: block;">复制配送信息</button><br />    <script>    //new Clipboard('.btn');    var clipboard = new Clipboard('.btn');    clipboard.on('success', function(e) {    	var msg = e.trigger.getAttribute('aria-label');      console.log(e);    	alert(msg);        e.clearSelection();    });    </script></div>        </header>
<div class="mui-content" style="    margin-bottom: 100px;">
  {volist name="list" id="vo"}
    <div class="mui-card">
      	<div class="mui-card-header ">
          <div class="mui-ellipsis mui-col-xs-8">订单编号：{$vo['out_trade_no']}</div>
          <div class="mui-col-xs-4 mui-text-right"><button type="button" class="mui-btn mui-btn-primary mui-btn-outlined" style="font-size:12px;">{$vo['buystatus']|parse_config_value='pay_status'}</button></div>
        </div>
      	<div class="mui-card-content">
      		<div class="mui-card-content-inner" style="    padding: 5px 0;">

            <ul class="mui-table-view mui-table-view-chevron">
                <li class="mui-table-view-cell mui-media" onclick='window.location.href = "{:url('index/order/detail',array('id'=>$vo['id']))}"'>
                    <a class="mui-navigate-right">
                        <img class="mui-media-object mui-pull-left" src="{$vo['cover_id']|get_cover='path'}">
                        <div class="mui-media-body">
                            <div style='color:red'>¥{$vo['total']}</div>
                            <p >下单时间：{$vo['create_time']}</p>
                            <p>收货时间：{$vo['group_time']} {$vo['deliverytime']}</p>
                            <p>订单类型：
                              {eq name="$vo.index_type" value="1"}
                                  团购
                              {/eq}
                              {eq name="$vo.index_type" value="0"}
                                及时配送
                              {/eq}
                            </p>
                            <p>收货人：{$vo.user_name}   <br /> 微信：{$vo.nick_name}
                            </p>
                            <p>配送方式：
                              {eq name="$vo.way" value="1"}
                                  送货上门
                              {/eq}
                              {eq name="$vo.way" value="2"}
                                  自提
                              {/eq}
                            </p>
                        </div>
                    </a>
                </li>

            </ul>


        	</div>
      </div>
    </div>
  {/volist}
  {$list->muirender()}
    {include file="public/nav" /}
</div>

{/block}
{block name="script"}
<script>
  mui.init({
    swipeBack:true //启用右滑关闭功能
  });
  $('#scroll').height($(window).height()-44)

</script>
{/block}
